

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Puente de Ixtla</title>
        <style type="text/css">
            <!--
            body {

                margin-left: 0px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
            }

            a:link {
                color: #006600;
                text-decoration: none;
            }
            a:visited {
                text-decoration: none;
                color: #FF9900;
            }
            a:hover {
                text-decoration: underline;
                color: #000000;
            }
            a:active {
                text-decoration: none;
                color: #FF9900;
            }
            .Estilo5 {color: #FFFFFF}

            -->
        </style>
        <link rel="stylesheet" type="text/css" href="hojasEstilo/index.css"/>
        <link rel="stylesheet" href="hojasEstilo/lavalamp_test.css" type="text/css" media="screen">
            <script type="text/javascript" src="scripts/jquery-1.2.3.min.js"></script>
            <script type="text/javascript" src="scripts/jquery.easing.min.js"></script>
            <script type="text/javascript" src="scripts/jquery.lavalamp.min.js"></script>
            <script type="text/javascript">
                $(function() {
                    $("#1, #2, #3").lavaLamp({
                        fx: "backout",
                        speed: 700,
                        click: function(event, menuItem) {
                            return true;
                        }
                    });
                });
            </script>


    </head>

    <body>
        <!--      CABEZERA                                  -->
        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
            <tr >
                <td align="center" valign="top" >
                    <table width="962px" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td><img src="imagenes/log3.PNG" width="962px" height="142" /></td>
                        </tr>
                    </table>


                    <!--     MENU                                -->
                    <table width="962" >
                        <tr>
                            <td>
                                <ul class="lavaLampWithImage" id="1"  >

                                    <li ><a href="index.html"  >Inicio</a></li>
                                    <li><a href="quienesSomos.html">Quienes Somos</a></li>
                                    <li><a href="grupoInforma.html">El grupo informa</a></li>
                                    <li><a href="ciudadanoenAccion.html">Ciudadanos en acción</a></li>
                                    <li><a href="contacto.html">Contacto</a></li>


                                </ul>

                            </td></tr></table>


                    <!--      CONTENIDO                               -->


                </td>


            </tr>
        </table>

    </body>
</html>
